<template>
	<view>
		<view style="display: flex;justify-content: space-between; font-size: 20px; background-color: limegreen; height: 50px; text-align: center; line-height: 50px; border-radius: 20px; margin-bottom: 20px;"> 
			<view style="padding-left: 30px;"><text>全部</text></view>
			<view><text>待支付</text></view>
			<view><text>打包中</text></view>
			<view><text>待收货</text></view>
			<view style="padding-right: 30px;"><text>评价</text></view>
		</view>
		<view style="display: flex; background-color: limegreen; height: 150px; padding: 5px;">
			<view style="display: inline-block; width: 120px; height: 120px; margin: 5px;">
				<image src="../../../static/images/banner/微信图片_20250517200522.jpg" style="width: 100%; height: 100%;"></image>
			</view>
			<view style="margin-top: 20px;">
				<text style="margin-left: 10px; font-size: 25px;">商品名称</text>
				<view style="display: flex; margin-top: 45px;">
					<view style="width: 70px; height: 40px; background-color:aliceblue;border-radius: 15px; margin-left: 10px; text-align: center;line-height: 40px;"><text style="color: limegreen;">申请退款</text></view>
					<view style="width: 70px; height: 40px; background-color: aliceblue;border-radius: 15px; margin-left: 10px;text-align: center;line-height: 40px;"><text style="color: limegreen;">确认收货</text></view>
				</view>
				<!-- <view style="display: block;">
					<text>状态</text>
					<text>价格</text>
					<text>数量</text>
				</view> -->
			</view>
			<view style="display: block; padding-left: 20px; ">
				<view style="margin: 10px;">
					<text>状态</text>
				</view>
				<view style="margin: 10px;">
					<text>价格</text>
				</view>
				<view style="margin: 10px;">
					<text>数量</text>
				</view>
			</view>
		</view>
			
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
